<ion-view>

    <ion-header-bar class="index_head">
        <button ng-if="!isshare"  class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title"> 产品信息</div>
    </ion-header-bar>




    <ion-content class="bg-fff w4-xtzgDe has-footer">
        <div class="w4-xtzgDe-line" style="height: 5px"></div>
        <div class="w4-xtzgDe-name">{{item.productName}}</div>
        <!--<div class="w4-xtzgDe-num">{{item.profitHight.expectAnnualRevenue?item.profitHight.expectAnnualRevenue:'-'}}</div>-->
        <!--<div class="w4-xtzgDe-shouyi">预期年化收益</div>-->
        <div class="pro-detail-status">
            <!--<div class="w4-xtzgDe-btn w4-xtzgDe-btn1" ng-if="item.flagBaoxiao && !share">包销</div>-->
            <div class="w4-xtzgDe-btn w4-xtzgDe-btn3">{{item.saleStatus | getStatus}}</div>
            <div class="w4-xtzgDe-btn w4-xtzgDe-btn2" >{{item.productType}}</div>
        </div>
        <div class="w4-xtzgDe-cen1">
            <div class="row">
                <div class="col text-center" style="color:#3b3b3b">投资金额</div>
                <div class="col text-center">预期年化收益</div>

            </div>
            <!--有竞价，使用竞价的返佣比例-->
            <div class="row" ng-repeat="rebate in revenue">
                <div class="col text-center">{{rebate.maxAmount?rebate.minAmount+'-'+rebate.maxAmount+'万元':rebate.minAmount+'万以上'}}</div>
                <div class="col w4-xtzgDe-cen1-c text-center">{{rebate.revenue}}</div>

            </div>


        </div>

        <div class="w4-xtzgDe-info">【推荐理由】{{item.tuijianReson}}</div>
        <div class="w4-xtzgDe-line"></div>
        <div class="pro-detail-mulu"><span class="pro-detail-round"></span>基础信息</div>
        <div class="w4-xtzgDe-cen1">
            <div class="row">
                <div class="col col-25">产品全称</div>
                <div class="col col-75 text-right">{{item.productName}}</div>
            </div>
            <div class="row">
                <div class="col">募集规模</div>
                <div class="col text-right">{{item.issuingScale}}</div>
            </div>
            <div class="row">
                <div class="col">投资期限</div>
                <div class="col text-right">{{item.dueTime}}</div>
            </div>
            <div class="row">
                <div class="col">付息方式</div>
                <div class="col text-right">{{item.paymentInterestType | getInterestType}}</div>
            </div>

        </div>
        <div ng-if="summary.cpys">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>产品优势</div>
            <div class="pro-detail-text" ng-bind-html="summary.cpys?summary.cpys:'--'"></div>
        </div>

        <div ng-if="summary.mjzh">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>募集账号</div>
            <div class="pro-detail-text" ng-bind-html="summary.mjzh?summary.mjzh:'--'"></div>
        </div>

        <div ng-if="item.reskManagement">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>风险控制</div>
            <div class="pro-detail-text" ng-bind-html="item.reskManagement"></div>
        </div>

        <div ng-if="item.payment">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>还款来源</div>
            <div class="pro-detail-text" ng-bind-html="item.payment"></div>
        </div>

        <div ng-if="item.fundUse">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>资金用途</div>
            <div class="pro-detail-text" ng-bind-html="item.fundUse"></div>
        </div>
        <div  ng-repeat="i in item.fpShopUserRelProductDetailList">
            <div ng-if="i.relContent || i.relImage" class="w4-xtzgDe-line"></div>
            <div ng-if="i.relType == 1" class="pro-detail-text" ng-bind-html="i.relContent"></div>
            <img width="100%" ng-if="i.relType == 2" ng-src="{{requrl}}{{i.relImage}}" />
        </div>



        <div class="w4-xtzgDe-line" ng-if="share&&sharePhone"></div>
        <div class="myself-head client-header" ng-if="share&&sharePhone" style="height: auto;padding-top: 0;border-bottom: none">
            <div style="border-bottom: 1px #f0eff5 solid;line-height: 39px;padding-left: 15px">理财师</div>
            <div class="row" style="padding: 15px">
                <div style="width: 60px">
                    <div class="myself-photo" style="margin: 0 auto">
                        <img  ng-src="{{sharePhoneInfo.userHeadImg | getUserHeadImg}}" alt="头像">
                    </div>
                </div>
                <div class="col col-80">
                    <div class="list">
                        <div class="ng-binding">{{sharePhoneInfo.userName}}&nbsp;<span>{{sharePhoneInfo.companyPostion}}</span></div>
                        <div style="color: #999">{{sharePhoneInfo.companyName}}</div>
                    </div>
                </div>
            </div>
            <div class="pro-tuijian" ng-if="tuijianReson">推荐理由：{{tuijianReson}}</div>
        </div>
        <div class="w4-xtzgDe-line"></div>
        
    </ion-content>

    <!--2017/10/10.  自有产品详情，自己预约和分享出去别人预约，均使用同样界面，以及新的接口-->

    <div   class="w4-xtzgDe-bottom row row-no-padding bg-fff">

        <div class="col w4-xtzgDe-icon" style="padding-top: 12px" ui-sref="shopPreview({sphone:sharePhone, share: true})">
            <img width="18px" src="img/shops/shop.png"/>店铺首页
        </div>
        <div ng-if="share" class="col w4-xtzgDe-icon" style="padding-top: 12px" ui-sref="shopChat({tid:shopuserdto.id,ismaster:false,proid:proid,protype:item.productType,prosource:'self',sphone:sharePhone})">

            <img width="20px" src="img/prozx.png">咨询

        </div>
        <div class="col" ng-if="item.publicStatus == '2'">
            <div class="w4-xtzgDe-order w4-over">已下架</div>
        </div>
        <div class="col" ng-click="goClientOrder(item.id,item.productType,item.productName,sharePhone)" ng-if="(item.saleStatus == 01 || item.saleStatus == 02 || item.saleStatus == 03) && item.publicStatus == '1'">
            <div class="w4-xtzgDe-order">预约</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 04 && item.publicStatus == '1'">
            <div class="w4-xtzgDe-order w4-over">已募满</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 05 && item.publicStatus == '1'">
            <div class="w4-xtzgDe-order w4-over">募集结束</div>
        </div>

    </div>


</ion-view>
